<template>
	<view class="hs-panel">
		<view class="hs-panel-head"><view class="title">合同金额</view></view>
		<view class="hs-panel-body">
			<view class="hs-list-item">
				<view class="hs-list-item-left"><text>定金收款日期</text></view>
				<view class="hs-list-item-right">{{ order.earnest_money_date }}</view>
			</view>
			<view class="hs-list-item">
				<view class="hs-list-item-left"><text>定金收款金额</text></view>
				<view class="hs-list-item-right">{{ order.earnest_money }}</view>
			</view>
			<view v-if="order.order_nature==1 && order.news_type!=7">
				<view class="hs-list-item">
					<view class="hs-list-item-left"><text>中款收款日期</text></view>
					<view class="hs-list-item-right">{{ order.middle_money_date }}</view>
				</view>
				<view class="hs-list-item">
					<view class="hs-list-item-left"><text>中款收款金额</text></view>
					<view class="hs-list-item-right">{{ order.middle_money }}</view>
				</view>
			</view>
			<view class="hs-list-item">
				<view class="hs-list-item-left"><text>尾款收款日期</text></view>
				<view class="hs-list-item-right">{{ order.tail_money_date }}</view>
			</view>
			<view class="hs-list-item">
				<view class="hs-list-item-left"><text>尾款收款金额</text></view>
				<view class="hs-list-item-right">{{ order.tail_money }}</view>
			</view>
			<view class="hs-list-item">
				<view class="hs-list-item-left"><text>合同总金额</text></view>
				<view class="hs-list-item-right">{{ order.totals }}</view>
			</view>
		</view>
	</view>
</template>

<script>
export default {
	props: {
		order: Object
	}
};
</script>

<style lang="less">
@import url('../common.less');
</style>
